


        <div class="col-sm-6 col-sm-offset-6 col-md-6 col-md-offset-6 sidebar">
			
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			<li data-target="#carousel-example-generic" data-slide-to="4"></li>

		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="<?=base_url()?>resources/frontpage/imgs/photos/1.jpg" alt="" />				
			</div>

			<div class="item">
				<img src="<?=base_url()?>resources/frontpage/imgs/photos/2.jpg" alt="" />				
			</div>
			
			<div class="item">
				<img src="<?=base_url()?>resources/frontpage/imgs/photos/3.jpg" alt="" />				
			</div>
			
			<div class="item">
				<img src="<?=base_url()?>resources/frontpage/imgs/photos/4.jpg" alt="" />				
			</div>
		</div>

		<!-- Controls -->
		<!-- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
			<span class="fa fa-chevron-circle-left"></span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
			<span class="fa fa-chevron-circle-right"></span>
		</a> -->
	</div>
			
			
			
			
        </div>
         <div class="clearfix"></div>
      </div>
      <div class="clearfix"></div>
    </div>
   <div class="row">
	      <canvas id="homeCanvas" class="hidden-xs" width="1200" height="900">
	</canvas>
	</div>
</body>
  
</html>